a{
    color: #01AAED;
    text-decoration: none;
    font-size: 12px;
}
a:hover {
    color: #FF5722;
    cursor: pointer;
}


.font-gray-c2c2c2{
    color: #c2c2c2;
}

.layui-table-tool-temp{
    padding:0;
}
.table-operator{

}

.layui-table-view tbody td .save{
    background-color: #1E9FFF;color:#ffffff;text-align: center;font-size: 16px;
    cursor:pointer;
}

.layui-table-view .layui-form-checkbox[lay-skin=primary] i {
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
}

.table-tool-div{
    margin: 15px 0 10px 0;
}

.table-tool-div .input-search {
    width: 300px;
}

.table-tool-div-right{
    float: right;
}
.table-tool-div-screen .layui-inline{
    margin: 0 10px 10px 0;
}

/*筛选*/
.table-tool-div-screen{
    margin: 10px -10px 0 -10px;
    background: #f2f2f2;
    padding: 15px 30px 10px 30px;
}

.horizon-line{
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
}

.horizon-dark-line{
    width: 100%;
    height: 1px;
    background-color: #aaaaaa;
}

.myDialog{
    display: none;
    padding: 20px 20px 0 20px ;
}

.readonly{
    background-color: #eeeeee;
}


.dropbtn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #FFFFFF;
    color: #393D49;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: 1px #dddddd solid;
    border-radius: 2px;
    cursor: pointer;
}
.dropbtn i{
    height: 38px;
    line-height: 38px;
    font-size: 14px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    z-index: 999999;
    background-color: #f9f9f9;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: #393D49;
    padding: 6px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown .layui-icon-up{
    display: inline;
}

.dropdown .layui-icon-down{
    display: none;
}

.dropdown:hover .layui-icon-up{
    display: none;
}

.dropdown:hover .layui-icon-down{
    display: inline;
}
.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #f1f1f1;
}

.layui-word-aux .tip{
    color: #FF5722;font-size: 12px;
}

/*加载框*/
.sk-double-bounce {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 10px auto ;
}
.sk-double-bounce .sk-child {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #009688;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out; }
.sk-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s; }

@-webkit-keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1); } }

@keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1); }
}

/* 去掉input为number时的右侧加减按钮 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.priceDiv{
    margin-top: -10px;
    margin-left: -15px;
    margin-right: -15px;
    text-align:center;
    border-color: transparent;
    background-color: transparent;
    padding:0;
    height: 37px;
}
.priceDiv:hover{
    background-color: #ffffff;
}
.priceDiv .priceListDiv {
    position: absolute;top: 37px;left: 0px; background: #ffffff;z-index: 9999;padding:4px;
    border:1px solid #aaaaaa; border-radius: 4px;display: none;
    width: 120px; max-height: 200px;
    text-align: center;
    color: #393D49;
}
.priceListDiv li:hover{
    background: #eeeeee;
    cursor: pointer;
}

.snNumberDiv{
    height: 37px;
    text-align: center;
    color: #01AAED;
}
.snNumberDiv:hover{
    cursor:pointer;
    color: #FF5722;
}


/* layui table 中的数量空间处理*/
.numberDiv [type=number] {
    text-align:center;
    border-color: transparent;
    background-color: transparent;
    padding:0;
    height: 37px;
}

.numberDiv [type=number]:hover{
    background-color: #ffffff;
}

.numberDiv{
    margin-top: -10px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    height: 37px;
    text-align: center;
}
.numberSub{
    display: none;
    position: absolute;top:0px;left: 0px;
    height: 37px; line-height: 37px;color: #ffffff;
    background: #FF5722;
    padding: 0 8px;
}
.numberSub:hover {
    background: #1E9FFF;
    cursor:pointer;
}

.numberAdd{
    display: none;
    position: absolute;top:0px;right: 0px;
    height: 37px; line-height: 37px;color: #ffffff;
    background: #5FB878;
    padding: 0 8px;
}
.numberAdd:hover {
    background: #1E9FFF;
    cursor:pointer;
}

.numberSn{
    border-radius: 2px;
    color: #ffffff;
    background: #aaaaaa;
    margin-left: 4px;
    padding: 3px;
    font-size: 12px;
}
.numberSn:hover {
    cursor:pointer;
    background: #5FB878;
}

.numberShelfLife{
    position: absolute;top:0px;right: 0px;
    height: 10px; line-height: 10px;color: #ffffff;
    background: #393D49;
    padding: 0 8px;
}
.numberShelfLife:hover {
    cursor:pointer;
    background: #5FB878;
}

.numberDiv:hover .numberAdd{display:block;}
.numberDiv:hover .numberSub{display:block;}

.numberDiv span.number{
    height: 38px;
    line-height: 38px;
}
.numberDiv span.numberSn{
    height: 38px;
    line-height: 38px;
}


.imgDiv{
    float: left;width: 120px;height: 120px;border: 1px #cccccc solid; border-radius: 4px;text-align: center;color: #aaaaaa;
    margin: 0 10px 10px 0;
    padding: 2px;
}

.imgDiv img{
    width: 100%;height: 100%;border-radius: 4px;
}

.imgDiv .delete{
    position: absolute;top: 2px; right: 2px;background-color: #000000;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;text-align: center;
}

.imgDiv .delete i{
    color: #ffffff; font-size: 20px;
}

.bottomLabel{
    display: inline-block;height: 38px;line-height: 38px;
}
.bottomContent{
    display: inline-block;max-width: 80px;
}

.bottomContent input{
    padding:0 10px 0 0;
}

.label{
    display: inline-block;height: 38px;line-height: 38px;padding-right: 4px;min-width: 80px;text-align: right;
}
.content{
    display: inline-block;width: 100px; margin-right: 15px;
}

.tableBeforeTitle{
    width: 100%;
    text-align: center;
}

.packetName{
    color:#009688;
}

.packetName:hover{
    color:#FF5722;
    cursor: pointer;
}

.print-title {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    height: 100px;
    line-height: 100px;
    position: relative;
    text-align: center;
}
.print-title div{
    width: 200px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.print-title image {width: 200px;}

.totalRowFont{
    font-size: 14px;
    color: #FF5722;
}

.no-border{
    border: 0 solid #ffffff;
    border-radius: 2px;
}

.no-border:hover{
    border: 1px solid #1E9FFF;
    border-radius: 2px;
}